
/*页首、页脚CSS样式*/
body {
	/*padding-top: 50px;*/
	/*padding-bottom: 40px;*/
	color: #5a5a5a;
	font-family: "微软雅黑";
}

.theme{
	background:#C30E23;
	/*background:#d71920;*/
	/*background:#d30a1c;*/
}

/*############页首###############*/

/*顶部、logo*/
.top{
	width:100%;
	background:#EFEFEF;
	height:30px;
	line-height: 30px;
}
.mail{
	float:right;
	color:#666;
}
.phone{
	color:#666;
}
.ant:hover{
	text-decoration:none;
}
.title-logo{
	margin-top:30px;
	margin-bottom:40px;
}

/*导航条*/
.navbar-default{
	margin-bottom:0px;
	border:0px;
	/*border-bottom:3px solid #005197;*/
	background-color:#444250;

}
.navbar-default .navbar-nav .active a, 
.navbar-default .navbar-nav .active a:hover, 
.navbar-default .navbar-nav .active a:focus{
	background-color:#C30E23;
	color:#fff;
}
.navbar-default .navbar-nav a.on{
	color:#FFF;
}
.navbar-default .navbar-nav li.open a.on{
	color:#fff;
	background-color:#C30E23;
}
.navbar-default .navbar-nav li ul a:hover{
	color:#fff;
	background-color:#C30E23;
}
.dropdown-menu{
	padding:0px;
}
.dropdown-menu li a{
	padding-top:10px;
	padding-bottom:10px;
	color:#777;
}
.nav-top{
	width:14%;
	text-align:center;
}
.line{
	height:3px;
	width:100%;
}


/*##########页脚##########*/
/*网站地图*/
.web-footer{
	width:100%;
	margin-top:30px;
}
#map-footer{
	background-color:#3A3A3A;
}
#map-footer dl{
	text-align:center;
	margin-top:40px;
}
#map-footer dt{
	padding:3px;
	color:#fff;
}
#map-footer dd{
	padding:3px;
	
}
#map-footer p{
	margin-top:20px;
	margin-bottom:10px;
	color:#fff;
	font-size:16px;
}
#map-footer a{
	color:#A6A6A6;
	font-size:13px;
}
#map-footer a:hover{
	color:#fff;
	text-decoration:none;
}
#wx{
	text-align:center;
}

/*底部版权*/
#patent-footer{
	text-align:right;
	background-color:#1A1A1A;
}
#patent-footer p{
	margin-top:10px;
	padding-right:80px;
	color:#8d8d8d;
	font-size:13px;
}

h3.pname{
	margin-top:5px; 
	font-size:16px; 
	color:#C30E23;
}
.btn-circle.btn-xl {
  width: 60px;
  height: 60px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 30px;
  margin-bottom:10px;
}
/*公司新闻列表页*/
.clear_b{ 
	clear:both;
}
.oran_news{ 
	width:63px;
	margin-left:25px;
	margin-top:20px; 
	color:#339900; 
	text-align:center; 
	margin-right:35px;
}
h2.title3{ 
	font-size:16px; 
	margin-bottom:15px;
}
h3.title3 a{
	color:#FF6600;
}
h3.title3{ 
	font-size:16px; 
	margin-bottom:15px;
	font-weight:bold;
}
.line2{
	border-bottom: 1px #EFEFEF solid;
	margin-bottom:10px;
}

/* QQ 微信 */
.zx-menu{
	position: fixed;
	left: 50%;
	top: 200px;
	padding-bottom: 73px;
	z-index: 999;
	margin-left: 600px;
}
.zx-menu .btn{
	width:72px;
	height:73px; 
	margin-bottom:1px; 
	cursor:pointer; 
	position:relative;
}
.zx-menu .btn-qq{
	background:url(../images/r_qq.png) 0px 0px no-repeat; 
	background-color:#6da9de;
}
.zx-menu .btn-qq:hover{
	background-color:#488bc7;
}
.zx-menu a.btn-qq,.zx-menu a.btn-qq:visited{
	background:url(../images/r_qq.png) 0px 0px no-repeat; 
	background-color:#6da9de; 
	text-decoration:none; 
	display:block;
}
.zx-menu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.zx-menu .btn-wx:hover{background-color:#58a81c;}
.zx-menu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;}
.zx-menu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.zx-menu .btn-phone:hover{background-color:#ff811b;}
.zx-menu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:36px; color:#FFF; font-size:18px; text-align:center; display:none;}
.zx-menu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.zx-menu .btn-top:hover{background-color:#444;}
.center{
	text-align: center;
}

/* 产品展示*/
.mb30{
	margin-bottom: 30px;
}
.productbox {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #6DA9DE;
}

.productbox .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 10px 0px;
}

.productbox img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.productbox:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.productbox h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: absolute;
  bottom:0px;
  width:100%;
  font-size: 17px;
  padding: 0.5em 0;
 background: rgba(0, 0, 0, 0.4);
}

.productbox h2:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #F00;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.productbox:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.productbox p {
 
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}
.productbox p{
	 text-align:left;
	padding-left:20px;
}
.productbox:hover a, .productbox:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.istop{
	position: absolute;
	left:0;
	top:0;
	width:45px;
	height: 45px;
	z-index: 999;
    background:url(../images/istop.png) no-repeat;
}
.new{
	width:50px;
	height: 30px;
	position: absolute;
	background: url(../images/new.gif) no-repeat;
	right:-50px;
	
}
.hot{
	position: absolute;
	right:5px;
	top:30px;
	width:81px;
	height: 81px;
	z-index: 999;
    background:url(../images/hot.gif) no-repeat;
}

.jia,.jian{
	display: block;
	width:30px;
	height: 30px;
	float:left;
	border: 1px #999 solid;
	cursor: pointer;
}
.num{
	float:left;
	width:60px;
	height: 30px;
	border:0;
	border-top:1px #999 solid;
	border-bottom:1px #999 solid;
	text-align: center;
	font-weight: 700;
}
.jia{
	background: url(../images/jia.png) no-repeat center;
}
.jian{
	background: url(../images/jian.png) no-repeat center;
}
.red{
	color:red;
}
.green{
	color:#99CC00;
}
.gray{
	color:#CCCCCC;
}
.mr30{
	margin-right: 30px;
}
.addrlist th,.addrlist td{
	height:40px; line-height: 40px;
}
.addrlist th{
	color:#369;
}
.addrlist td{
	border-bottom: 1px #DDD solid;
}



